<template>
  <div class="box">
    <!-- 点赞区域 -->
    <div class="zan">
      <div class="title" v-if="$slots.title">
        <slot name="title" :bt="'标题1'"></slot>
      </div>

      <ul>
        <li v-for="item in value" :key="item.id">
          <slot name="res" :item="item"></slot>
        </li>

        <!-- <li><span class="zuo">我的收藏</span> <span class="you">654</span></li> -->
      </ul>
    </div>
    <!-- 热搜 -->

    <!-- 感兴趣的人 -->
  </div>
</template>
<script>
export default {
  props: {
    list: Array,
    value: {
      Array,
    },
  },
  data() {
    return {
      show: true,
    }
  },
}
</script>
<style scoped>
.box {
  width: 300px;
  background-color: #f4f6fa;
}
.box .zan {
  width: 280px;
  height: 300px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
}

.box .zan .head {
  width: 280px;
  height: 30px;
  line-height: 30px;
  background-color: #52b1fc;
  border-radius: 10px 10px 0 0;
  margin-bottom: 15px;
}

ul li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 240px;
  height: 40px;
  margin-left: -40px;
  padding-left: 30px;
  align-items: flex-start;
}
</style>
